$(document).ready(function() {
    $('.btn').click(function() {
        const $btn = $(this);
        const device = $btn.data('device');
        let action = $btn.data('action');

//        // 风扇档位处理
//        if (device === 'fan' && $btn.hasClass('on')) {
//            action = $('#fanSpeed').val();
//        }

        $.ajax({
            url: '/control',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({
                device: device,
                action: action
            }),
            success: function(res) {
                if (res.status === 'success') {
                    // 更新按钮状态
                    $btn.siblings('.btn').removeClass('active');
                    $btn.addClass('active');

                    // 更新状态指示
                    const $status = $btn.closest('.card').find('.status');
                    $status.addClass('active');

                    // 人脸识别特殊处理
                    if (device === 'face_recognition') {
                        $('#faceAuth span').text('识别中...');
                        setTimeout(() => {
                            $('#faceAuth span').text('启动识别');
                            $status.removeClass('active');
                        }, 3000);
                    }
                }
            }
        });
    });

//    // 风扇档位选择
//    $('#fanSpeed').change(function() {
//        $.ajax({
//            url: '/control',
//            method: 'POST',
//            contentType: 'application/json',
//            data: JSON.stringify({
//                device: 'fan',
//                action: $(this).val()
//            })
//        });
//    });
});